<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="style/font.css">
  <link rel="stylesheet" href="js/lib/swiper/swiper.min.css">
  <link rel="stylesheet" href="style/layui.css">
  <link rel="stylesheet" href="style/works.css">
</head>
<body>
<div class="head" id="head-g">
  <div class="container clearfix">
    <a class="logo">
      <img src="img/logo.png" alt="">
    </a>
    <!-- 未登录-->
    <div class="loginBox">
      <a class="iconfont icon-denglu"></a>
      <a id="loginBtn">登录</a>
      <a>|</a>
      <a>注册</a>
    </div>
    <!-- 已登录-->
    <!--         <div class="loginBox">-->
    <!--             <a class="iconfont icon-denglu"></a>-->
    <!--             <a>胖西</a>-->
    <!--             <div class="downBtn">-->
    <!--                 <a href="">退出</a>-->
    <!--             </div>-->
    <!--         </div>-->
  </div>
</div>
<div class="swiper-container" id="carousel" style="margin-bottom: 0">
  <div class="swiper-wrapper">
    <a class="swiper-slide swiper-no-swiping" style="background-image: url('img/banner.jpg')">

    </a>
  </div>
  <div class="swiper-pagination"></div>
</div>
<!--导航-->
<div class="nav-g">
  <div class="container">
    <a href="" >活动公告</a>
    <a href="" class="active">参赛作品</a>
    <a href="" >获奖作品</a>
    <a href="">证书查询</a>
    <a href="">我的作品</a>
    <a href="">上传作品</a>
  </div>
</div>
<!--筛选-->
<div class="filter container clearfix layui-form">
  <div class="row clearfix" style="margin-bottom: 20px;">
    <div class="pull-left">
      <div class="f-item">
        <select name="" id="1">
          <option value="">2019</option>
        </select>
      </div>
      <div class="f-item">
        <select name="" id="2">
          <option value="">全部奖项</option>
        </select>
      </div>
      <div class="f-item">
        <select name="" id="3">
          <option value="">全部角色</option>
        </select>
      </div>
      <div class="f-item h">
        <select name="" id="4">
          <option value="">全部作品类型</option>
        </select>
      </div>
      <div class="f-item">
        <select name="" id="5">
          <option value="">湖北省</option>
        </select>
      </div>
      <div class="f-item h">
        <select name="" id="6">
          <option value="">请选择地区</option>
        </select>
      </div>
    </div>
    <div class="pull-right clearfix">
      <div class="f-item" style="width: 284px;">
        <input type="text" class="layui-input pull-left"  style="width: 194px;" placeholder="输入编号、姓名或学校">
        <span class="g-btn pull-right">搜索</span>
      </div>
    </div>
  </div>
  <div class="row clearfix">
    <div class="pull-left bigText">
      <span class="text pull-left">编号</span>
      <div class="conBox pull-left">
        <div class="top active">
          <i class="edgeUp"></i>
        </div>
        <div class="bottom">
          <i class="edgeDown"></i>
        </div>
      </div>
    </div>
    <div class="pull-left bigText">
      <span class="text pull-left">浏览数</span>
      <div class="conBox pull-left">
        <div class="top">
          <i class="edgeUp"></i>
        </div>
        <div class="bottom active">
          <i class="edgeDown"></i>
        </div>
      </div>
    </div>
    <div class="pull-left bigText">
      <span class="text pull-left">投票数</span>
      <div class="conBox pull-left">
        <div class="top">
          <i class="edgeUp"></i>
        </div>
        <div class="bottom active">
          <i class="edgeDown"></i>
        </div>
      </div>
    </div>
  </div>

</div>
<!--作品-->
<div id="works" class="container clearfix">
  <div class="row clearfix">
    <div class="item">
      <div class="collect">
        <span class="iconfont icon-shoucang"></span>
      </div>
      <a class="imgBox" href="" style="background-image: url('img/ex_index.jpg')">

      </a>
      <div class="info">
        <div class="title ellText">
          2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
        </div>
        <div class="m-title">
          XH2024-001
        </div>
        <div class="m-title">
          黄子轩
        </div>
        <div class="m-title">
          沈家营小学
        </div>
      </div>
      <div class="tpBtn">
        投票 10
      </div>
    </div>
    <div class="item">
      <div class="collect">
        <span class="iconfont icon-a-shoucang1"></span>
      </div>
      <a class="imgBox" href="" style="background-image: url('img/ex_index.jpg')"></a>
      <div class="info">
        <div class="title ellText">
          2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
        </div>
        <div class="m-title">
          XH2024-001
        </div>
        <div class="m-title">
          黄子轩
        </div>
        <div class="m-title">
          沈家营小学
        </div>
      </div>
      <div class="tpBtn disable">
        已投票 10
      </div>
    </div>
    <div class="item">
      <div class="collect">
        <span class="iconfont icon-a-shoucang1"></span>
      </div>
      <a class="imgBox" href="" style="background-image: url('img/ex_index.jpg')"></a>
      <div class="info">
        <div class="title ellText">
          2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
        </div>
        <div class="m-title">
          XH2024-001
        </div>
        <div class="m-title">
          黄子轩
        </div>
        <div class="m-title">
          沈家营小学
        </div>
      </div>
      <div class="tpBtn">
        投票 10
      </div>
    </div>
    <div class="item">
      <a class="imgBox" href="" style="background-image: url('img/ex_index.jpg')"></a>
      <div class="info">
        <div class="title ellText">
          2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
        </div>
        <div class="m-title">
          XH2024-001
        </div>
        <div class="m-title">
          黄子轩
        </div>
        <div class="m-title">
          沈家营小学
        </div>
      </div>
      <div class="tpBtn">
        投票 10
      </div>
    </div>
    <div class="item">
      <a class="imgBox" href="" style="background-image: url('img/ex_index.jpg')"></a>
      <div class="info">
        <div class="title ellText">
          2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
        </div>
        <div class="m-title">
          XH2024-001
        </div>
        <div class="m-title">
          黄子轩
        </div>
        <div class="m-title">
          沈家营小学
        </div>
      </div>
      <div class="tpBtn">
        投票 10
      </div>
    </div>
  </div>
  <div class="page">
    这里是分页
  </div>
</div>


<div class="footer" id="footer">
  <div class="row clearfix">
    <div class="item"><a href="https://basic.smartedu.cn/">国家中小学智慧教育</a></div>
    <div class="item"><a href="https://jyt.hubei.gov.cn/">湖北省教育厅</a></div>
    <div class="item"><a href="http://www.e21.cn/">湖北教育信息网</a></div>
    <div class="item"><a href="http://www.hbea.edu.cn/">湖北省教育考试网</a></div>
    <div class="item"><a href="https://www.cjcb.com.cn/">长江出版传媒集团</a></div>
  </div>
  <div class="row record-row">
    <img src="img/record2.png" alt="鄂公网安备" />
    <pre><span>  鄂公网安备 42010402000414号   |   鄂ICP备13007865号-3   |   经营证照  </span></pre>
    <img src="img/record1.png" alt="鄂公网安备" />
  </div>
  <div class="row Copyright-row">
    <span>Copyright© 湖北省新华书店(集团)有限公司</span>
  </div>
</div>
<!--  这里是弹窗-->
<div class="dialog" id="dialog-login" style="display: none;">
  <div class="codeBox form" style="display: none;" id="loginWeixin">
    <img src="" class="codeImg" alt="">
    <div class="code-name">
      微信扫码登录
    </div>
  </div>
  <form class="inputBox form" style="display:none;" id="loginCode">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobileCode" placeholder="请输入手机号码">
    </div>
    <div class="inputItem-type2">
      <div class="inputItem-type2-left">
        <div class="label">
          <span class="iconfont icon-zhanghaoshezhi"></span>
        </div>
        <input type="password" id="code" placeholder="请输入验证码">
      </div>
      <div class="inputItem-type2-right">
        <div class="">获取短信验证码</div>
      </div>
    </div>
    <div class="tipBox">
      <a class="tipLeft">没有账号？去注册</a>
      <a class="tipRight toRePass">忘记密码？</a>
    </div>
    <div class="loginBtnBox">
      <div class="loginBtn">登录</div>
    </div>
  </form>
  <form class="inputBox form" id="loginUser">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobile" placeholder="请输入手机号码">
    </div>
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-zhanghaoshezhi"></span>
      </div>
      <input type="text" id="mobile" placeholder="请输入密码">
    </div>
    <div class="tipBox">
      <a class="tipLeft toRes">没有账号？去注册</a>
      <a class="tipRight toRePass">忘记密码？</a>
    </div>
    <div class="loginBtnBox">
      <button class="loginBtn" type='submit'>登录</button>
    </div>
  </form>
  <div class="line-text">
    <div class="leftLine Line"></div>
    <div class="text">其他登录方式</div>
    <div class="rightLine Line"></div>
  </div>
  <div class="dialogBtn">
    <div class="btn" id="loginWeixinBtn" >
      <span class="iconfont icon-31saoma"></span>
      扫码登录
    </div>
    <div class="btn" id="loginUserBtn" style="display: none;">
      <span class="iconfont icon-shouji"></span>
      账号登录
    </div>
    <div class="btn" id="loginCodeBtn">
      <span class="iconfont icon-zhanghaoshezhi"></span>
      短信登录
    </div>
  </div>
  <div class="policy">
    注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
  </div>
</div>

<div class="dialog" id="dialog-reg" style="display: none">
  <form class="inputBox">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobileCode" placeholder="请输入手机号码">
    </div>
    <div class="inputItem-type2">
      <div class="inputItem-type2-left">
        <div class="label">
          <span class="iconfont icon-zhanghaoshezhi"></span>
        </div>
        <input type="password" id="code" placeholder="请输入验证码">
      </div>
      <div class="inputItem-type2-right">
        <div class="">获取短信验证码</div>
      </div>
    </div>
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-zhanghaoshezhi"></span>
      </div>
      <input type="password" id="mobileCode" placeholder="请输入8-16位字母、数字或符号2种及以上组合">
    </div>
    <div class="tipBox">
      <a class="tipLeft" style="cursor: pointer" id="goLogin">已有账号？去登录</a>
    </div>
    <div class="loginBtnBox">
      <div class="loginBtn">注册</div>
    </div>
  </form>
  <div class="policy">
    注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
  </div>
</div>


<script src="js/lib/jquery/jquery-1.2.3.min.js"></script>
<script src="js/lib/layer3.11/layer.js"></script>
<script src="js/lib/layui/layui.all.js"></script>
<script src="js/public.js"></script>
<script src="js/set.js"></script>
<!--<script src="js/index.js"></script>-->
</body>
</html>
